<script setup lang="ts">
import { useCounterStore } from '@/stores/counter'
const store = useCounterStore()

import { useJokerStore } from '@/stores/joker'
const JokerStore = useJokerStore()
</script>

<template>
  <h2>我的页面</h2>
  <h3>pinia 中的数据{{ store.count }}</h3>
  <h3>pinia 中的双倍数据{{ store.doubleCount }}</h3>
  <button @click="store.increment()">点击累加</button>
  <h1>Joker</h1>
  <p>{{ JokerStore.joker }}</p>
  <button @click="JokerStore.refreshJoke()">刷新笑话</button>
</template>

<style scoped></style>
